<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/page/util/include.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>窝边网商家登录</title>
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/ui/css/containers.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/ui/css/login.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/ui/js/jQuery-1.3.2.js"></script>
</head>
<body>
<div class="containers">
 <div class="login_top">
   <div class="login_top_left"><a href="#"><img src="images/login/login_logo.jpg" /></a></div>
   <div class="login_top_right"><a href="#">加入桌面快捷</a>|<a href="#">加入收藏夹</a>|<a href="#">设为首页</a></div>
 </div>
 <div class="login_main">
  <div class="progress">
    <div class="progress_lert"><img src="images/login/progress1.jpg" /></div>
    <div class="progress_middle" style="width:320px;">1. 填写注册信息</div>
    <div class="progress_right"><img src="images/login/progress3.1.jpg" /></div>
    <div class="progress_middle_gray" style="width:600px;">2. 注册成功</div>
    <div class="progress_right_gray"><img src="images/login/progress4.1.jpg" /></div>
  </div>
  <div class="progress_form">
  	<form id="registrationForm" action="${pageContext.request.contextPath}/page/shop/registration" method="post">
    <table width="100%" border="0" class="progress_form_table" cellspacing="0" cellpadding="0">
      <tr height="45">
        <td width="16%" align="right">账号：</td>
        <td colspan="2"><input class="login_input" style="width:220px;" /></td>
        <td width="59%"><div class="errorMessage2">用户名已存在</div></td>
      </tr>
      <tr height="45">
        <td  align="right">密码：</td>
        <td colspan="2"><input class="login_input"  style="width:220px;" /></td>
        <td><div class="errorMessage2">输入密码过短</div></td>
      </tr>
      <tr height="45">
        <td align="right">确认密码：</td>
        <td colspan="2"><input class="login_input" style="width:220px;" /></td>
        <td><div class="errorMessage2">密码输入不一致</div></td>
      </tr>
      <tr height="45">
        <td align="right">手机号码：</td>
        <td colspan="2"><input class="login_input" style="width:220px;" /></td>
        <td><div class="errorMessage2">手机号码输入错误</div><font color="#a8a5a5">用于密码丢失时找回</font></td>
      </tr>
       </table>
      <table width="100%" border="0" class="code" cellspacing="0" cellpadding="0">
      <tr height="45">
        <td width="16%" align="right">验证码：</td>
        <td width="10%"><input class="login_input" style="width:90px;" /></td>
        <td width="13%" align="right"><input type="button" value="免费获取验证码"  class="phone_code"/></td>
        <td width="61%">&nbsp;</td>
        </tr>
    </table>
     <table width="100%" border="0" class="progress_enter" cellspacing="0" cellpadding="0">
      <tr height="45">
        <td width="16%" align="right">&nbsp;</td>
        <td colspan="2"><input type="button" onclick="javascript:$('#registrationForm').submit();" class="progress_but" value="同意协议并注册" /></td>
        </tr>
        <tr height="20">
        <td width="16%" align="right">&nbsp;</td>
        <td width="1%"></td>
        <td width="83%"><input type="checkbox"  /><a target="blank" href="${pageContext.request.contextPath}/page/shop/agreement.jsp"><<窝边网服务协议>></a></td>
        </tr>
    </table>
    </form>
  </div>
 </div>
 <div class="bottom">
   © 2012 上海正岸网络科技有限公司 版权所有
 </div>
</div>
</body>
</html>